﻿<div class="service_box">
  <ul class="service_nav">
    <li><a href="javascript:void(0)" title="在线客服"><i class="icon icon_1"></i>在线客服</a></li>
    <li><a href="javascript:void(0)" title="扫码加群"><i class="icon icon_3"></i>扫码加群</a></li>
  </ul>
  <div class="service_content">
    <div class="service_plan">
      <p class="fs14">沉冰浮水<br /><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=349467624&amp;site=qq&amp;menu=yes" title="点此给我发送信息"><img border="0" src="http://wpa.qq.com/pa?p=2:349467624:51" alt="点此给我发送信息" title="点此给我发送信息"/></a></p><p class="fs14">QQ群<br /><a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=d5bbed52fcbb10dda971bdc9e1875b7c1cb8593de5cfc410203d43ae4a970153" title="点击加群"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="点击加群" title="点击加群"/></a></p><p class="fs14">客服3<br /><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=349467624&amp;site=qq&amp;menu=yes" title="点此给我发送信息"><img border="0" src="http://wpa.qq.com/pa?p=2:349467624:51" alt="点此给我发送信息" title="点此给我发送信息"/></a></p>
      <p>服务时间</p>
      <p class="fs10">8:30-17:30(工作日)</p>
      <p class="fs10">9:00-17:00(休息日)</p>
    </div>
    <div class="service_plan">
      <p><img src="<#ZC_BLOG_HOST#>zb_users/PLUGIN/QQKF/build/QRCode.jpg" alt="扫一扫"></p>
      <p>扫一扫</p>
    </div>
  </div>
</div>
<script type="text/javascript">
$(function(){
  $(".service_box").hover(function(){
    $(".service_box").stop(true).delay(100).animate({right:"0"});
    return false;
  },function(){
    $(".service_box").stop(true).delay(100).animate({right:"-149px"});
    $(".service_nav .active").removeClass("active");
    return false;
  });
  $(".service_nav > li").mouseenter(function(){
    var i=$(this).index();
    $(this).addClass("active").siblings().removeClass("active");
    $(".service_plan").siblings().hide().eq(i).fadeIn();
  });
})
</script>